import React from 'react';
import { useParams } from 'react-router-dom';
import styles from './Detail.module.css';
import commonStyles from '@/styles/common.module.css';

const DiscussionDetail: React.FC = () => {
  const { id } = useParams();

  return (
    <div className={commonStyles.pageContainer}>
      <div className={commonStyles.card}>
        <div className={commonStyles.header}>
          <h2 className={commonStyles.title}>讨论详情 - {id}</h2>
        </div>
        <div className={styles.content}>
          {/* Discussion content */}
        </div>
      </div>
    </div>
  );
};

export default DiscussionDetail; 